<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>O Preço Certo</title>


<link
	href="http://www.gstatic.com/codesite/ph/17444577587916266307/css/ph_core.css"
	rel="stylesheet" type="text/css" />
<link href="http://code.google.com/css/codesite.pack.04102009.css"
	rel="stylesheet" type="text/css" />
<script language="javascript" src='script/jquery-1.6.min.js'></script>
<script language="javascript" src='script/ajax.util.js'></script>
</head>

<body>


	<!-- content -->
	<div id="gc-pagecontent">
		<h1 class="page_title">O Preço Certo</h1>

		<!-- tabs -->
		<div id="tabs" class="gtb">
			<a id="home" href="#home" class="tab">Início</a>
			<a id="custofixo" href="#custofixo" class="tab">Custos Fixos</a>
			<a id="funcionarios"
				href="#funcionarios" class="tab">Funcionários</a>
				<a id="materiais"
				href="#materiais" class="tab">Materiais</a>
				<a id="orcamento"
				href="#orcamento" class="tab">Orçamentos</a>
				<a id="horasOrcamento"
				href="#horasOrcamento" class="tab">Horas Por Orçamento</a>
				<a id="materialOrcamento"
				href="#materialOrcamento" class="tab">Materiais Por Orçamento</a>
				<a id="acessorio"
				href="#acessorio" class="tab">Acessorios</a>
				<a id="config"
				href="#config" class="tab">Configurações</a>
			<div class="gtbc"></div>
		</div>
		<!-- home page content -->
		<div class="g-unit" id="home-tab">
			<h2>Página Inicial</h2>
		</div>
		<!-- ******************************************* Custos Fixos ******************************************* -->
		<div class="g-unit" id="custofixo-tab">
			<div class="message" id="custofixo-show-message"
				style="display: none"></div>
			<!-- search container -->
			<div class="gsc-search-box" id="custofixo-search-ctr">
				<!-- section title -->
				<h2>Custos Fixos</h2>
				<form name="custofixo-search-form" id="custofixo-search-form">
					<label>Nome</label> <input type="text" name="q" id="q"
						class="gsc-input" /> <input type="button" value="Buscar"
						onclick="search('custofixo')" class="gsc-search-button" /> <input
						type="button" value="Adicionar" onclick="add('custofixo')"
						class="gsc-search-button" /> <input type="reset"
						id="custofixo-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="custofixo-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Nome</th>
							<th scope="col">Valor</th>
							<th scope="col">Data</th>
							<th scope="col">Ações</th>
						</tr>
					</thead>
					<tbody id="custofixo-list-tbody"></tbody>
				</table>
			</div>
			<div class="create-ctr" id="custofixo-create-ctr">
				<h2>Novo Custo Fixo</h2>
				<form name="custofixo-create-form" id="custofixo-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td>Nome</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="nome" id="nome" />
								</td>
							</tr>
							<tr>
								<td>Valor Mensal</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="valor" id="valor" />
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td><input type="button" class="save" title="Save"
									value="Salvar" onclick="formValidate('custofixo')" /> <input
									type="button" class="cancel" title="Cancel" value="Cancelar"
									onclick="cancel('custofixo')" /> <input type="reset"
									id="custofixo-reset" class="cancel" title="Reset" value="Reset"
									style="visibility: hidden" /></td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>


		<!-- ******************************************* Funcionarios ******************************************* -->
		<div class="g-unit" id="funcionarios-tab">
			<div class="message" id="funcionarios-show-message"
				style="display: none"></div>
			<!-- search container -->
			<div class="gsc-search-box" id="funcionarios-search-ctr">
				<!-- section title -->
				<h2>Funcionarios</h2>
				<form name="funcionarios-search-form" id="funcionarios-search-form">
					<label>Nome</label>
					<input type="text" name="q" id="q"
						class="gsc-input" />
					<input type="button" value="Buscar"
						onclick="search('funcionarios')" class="gsc-search-button" />
					<input
						type="button" value="Adicionar" onclick="add('funcionarios')"
						class="gsc-search-button" />
					<input type="reset"
						id="funcionarios-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="funcionarios-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Nome</th>
							<th scope="col">Salário</th>
							<th scope="col">Salário Com Encargos</th>
							<th scope="col">Valor Hora de Trabalho</th>
							<th scope="col">Quantidade Horas/Mês</th>
							<th scope="col">Ações</th>
						</tr>
					</thead>
					<tbody id="funcionarios-list-tbody"></tbody>
				</table>
			</div>

			<!-- create container -->
			<div class="create-ctr" id="funcionarios-create-ctr">
				<h2>Adicionar Funcionário</h2>
				<form name="funcionarios-create-form" id="funcionarios-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td>Nome</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="nome" id="nome" />
								</td>
							</tr>
							<tr>
								<td>Salário</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="salario" id="salario" />
								</td>
							</tr>
							<tr>
								<td>Salário Com Encargos</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="salarioEncargos" id="salarioEncargos" />
								</td>
							</tr>
							<tr>
								<td>Quantidade Horas/Mês</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="horas" id="horas" />
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td><input type="button" class="save" title="Save"
									value="Salvar" onclick="formValidate('funcionarios')" /> <input
									type="button" class="cancel" title="Cancel" value="Cancelar"
									onclick="cancel('funcionarios')" /> <input type="reset"
									id="funcionarios-reset" class="cancel" title="Reset"
									value="Reset" style="visibility: hidden" /></td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>

		</div>
		<!-- ******************************************* materiais ******************************************* -->
		<div class="message" id="materiais-show-message" style="display: none">
		</div>
		<div class="g-unit" id="materiais-tab">
			<!-- search container -->
			<div class="gsc-search-box" id="materiais-search-ctr">
				<!-- section title -->
				<h2>Materiais</h2>
				<form name="materiais-search-form" id="materiais-search-form">
					<label>Nome</label> <input type="text" name="q" id="q"
						class="gsc-input" /> <input type="button" value="Buscar"
						onclick="search('materiais')" class="gsc-search-button" /> <input
						type="button" value="Adicionar" onclick="add('materiais')"
						class="gsc-search-button" /> <input type="reset"
						id="materiais-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="materiais-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Nome</th>
							<th scope="col">Unidade</th>
							<th scope="col">Preço Unitário</th>
							<th scope="col">Action</th>
						</tr>
					</thead>
					<tbody id="materiais-list-tbody"></tbody>
				</table>
			</div>
			<!-- create container -->
			<div class="create-ctr" id="materiais-create-ctr">
				<h2>Adicionar Material</h2>
				<form name="materiais-create-form" id="materiais-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tr>
							<td>Nome</td>
							<td><span class="readonly"><input type="text"
									style="width: 185px;" autocomplete="off" class="gsc-input"
									maxlength="2048" name="nome" id="nome" />
							</span>
							</td>
						</tr>
						<tr>
							<td>Unidade</td>
							<td><input type="text" style="width: 185px;"
								autocomplete="off" class="gsc-input" maxlength="2048"
								name="unidade" id="unidade" />
							</td>
						</tr>
						<tr>
							<td>Preço Unitário</td>
							<td><input type="text" style="width: 185px;"
								autocomplete="off" class="gsc-input" maxlength="2048"
								name="vUnitario" id="vUnitario" />
							</td>
						</tr>
						<tr>
							<td>&nbsp;</td>
							<td><input type="button" class="save" title="Save"
								value="Salvar" onclick="formValidate('materiais')" /> <input
								type="button" class="cancel" title="Cancel" value="Cancelar"
								onclick="cancel('materiais')" /> <input type="reset"
								id="materiais-reset" class="cancel" title="Reset" value="Reset"
								style="visibility: hidden" /></td>
						</tr>
					</table>
				</form>
			</div>
			<!-- create container ends here -->
		</div>

		<!-- ******************************************* config ******************************************* -->
		<div class="g-unit" id="config-tab">
			<div class="message" id="config-show-message" style="display: none">
			</div>
			<!-- search container -->
			<div class="gsc-search-box" id="config-search-ctr">
				<!-- section title -->
				<h2>Configurações</h2>
				<form name="config-search-form" id="config-search-form">
					<label>Nome</label> <input type="text" name="q" id="q"
						class="gsc-input" /> <input type="button" value="Buscar"
						onclick="search('config')" class="gsc-search-button" /> <input
						type="button" value="Adicionar" onclick="add('config')"
						class="gsc-search-button" /> <input type="reset"
						id="config-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="config-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Nome</th>
							<th scope="col">Valor</th>
							<th scope="col">Data</th>
							<th scope="col">Ações</th>
						</tr>
					</thead>
					<tbody id="config-list-tbody"></tbody>
				</table>
			</div>
			<div class="create-ctr" id="config-create-ctr">
				<h2>Nova Configuração</h2>
				<form name="config-create-form" id="config-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td>Nome</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="nome" id="nome" />
								</td>
							</tr>
							<tr>
								<td>Valor</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="valor" id="valor" />
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td><input type="button" class="save" title="Save"
									value="Salvar" onclick="formValidate('config')" /> <input
									type="button" class="cancel" title="Cancel" value="Cancelar"
									onclick="cancel('config')" /> <input type="reset"
									id="config-reset" class="cancel" title="Reset" value="Reset"
									style="visibility: hidden" /></td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>
		<!-- ******************************************* acessorio ******************************************* -->
		<div class="g-unit" id="acessorio-tab">
			<div class="message" id="acessorio-show-message"
				style="display: none"></div>
			<!-- search container -->
			<div class="gsc-search-box" id="acessorio-search-ctr">
				<!-- section title -->
				<h2>Acessórios</h2>
				<form name="acessorio-search-form" id="acessorio-search-form">
					<label>Nome</label> <input type="text" name="q" id="q"
						class="gsc-input" /> <input type="button" value="Buscar"
						onclick="search('acessorio')" class="gsc-search-button" /> <input
						type="button" value="Adicionar" onclick="add('acessorio')"
						class="gsc-search-button" /> <input type="reset"
						id="acessorio-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="acessorio-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Nome</th>
							<th scope="col">Valor</th>
							<th scope="col">Data</th>
							<th scope="col">Ações</th>
						</tr>
					</thead>
					<tbody id="acessorio-list-tbody"></tbody>
				</table>
			</div>
			<div class="create-ctr" id="acessorio-create-ctr">
				<h2>Novo Acessório</h2>
				<form name="acessorio-create-form" id="acessorio-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td>Nome</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="nome" id="nome" />
								</td>
							</tr>
							<tr>
								<td>Valor</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="valor" id="valor" />
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td><input type="button" class="save" title="Save"
									value="Salvar" onclick="formValidate('acessorio')" /> <input
									type="button" class="cancel" title="Cancel" value="Cancelar"
									onclick="cancel('acessorio')" /> <input type="reset"
									id="acessorio-reset" class="cancel" title="Reset" value="Reset"
									style="visibility: hidden" /></td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>

		<!-- ******************************************* Orcamento ******************************************* -->
		<div class="g-unit" id="orcamento-tab">
			<div class="message" id="orcamento-show-message"
				style="display: none"></div>
			<!-- search container -->
			<div class="gsc-search-box" id="orcamento-search-ctr">
				<!-- section title -->
				<h2>Todos os Orçamentos</h2>
				<form name="orcamento-search-form" id="orcamento-search-form">
					<label>Nome do Cliente</label> <input type="text" name="q" id="q"
						class="gsc-input" /> <input type="button" value="Buscar"
						onclick="search('orcamento')" class="gsc-search-button" /> <input
						type="button" value="Adicionar" onclick="add('orcamento')"
						class="gsc-search-button" /> <input type="reset"
						id="orcamento-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="orcamento-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Nome do Cliente</th>
							<th scope="col">Item Orçado</th>
							<th scope="col">Custo Fixo R$</th>
							<th scope="col">Horas</th>
							<th scope="col">Materiais R$</th>
							<th scope="col">Lucro R$</th>
							<th scope="col">Total R$</th>
							<th scope="col">Ações</th>
						</tr>
					</thead>
					<tbody id="orcamento-list-tbody"></tbody>
				</table>
			</div>
			<!-- create container -->
			<div class="create-ctr" id="orcamento-create-ctr">
				<h2>Novo Orçamento</h2>
				<form name="orcamento-create-form" id="orcamento-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tr>
							<td>Nome do Cliente:</td>
							<td><input type="text" style="width: 185px;"
								autocomplete="off" class="gsc-input" maxlength="2048"
								name="nomeCliente" id="nomeCliente" /></td>
						</tr>
						<tr>
							<td>Item Orçado:</td>
							<td><input type="text" style="width: 185px;"
								autocomplete="off" class="gsc-input" maxlength="2048"
								name="itemOrcado" id="itemOrcado" /></td>
						</tr>
						<tr>
							<td>Frete:</td>
							<td><input type="text" style="width: 185px;"
								autocomplete="off" class="gsc-input" maxlength="2048"
								name="frete" id="frete" /></td>
						</tr>
						<tr>
							<td>Lucro(%):</td>
							<td><input type="text" style="width: 185px;"
								autocomplete="off" class="gsc-input" maxlength="2048"
								name="lucro" id="lucro" /></td>
						</tr>
						<tr>
							<td>Comissão(%):</td>
							<td><input type="text" style="width: 185px;"
								autocomplete="off" class="gsc-input" maxlength="2048"
								name="comissao" id="comissao" /></td>
						</tr>
						<tr>
							<td>&nbsp;</td>
							<td><input type="button" class="save" title="Save"
								value="Salvar" onclick="formValidate('orcamento')" /> <input
								type="button" class="cancel" title="Cancel" value="Cancelar"
								onclick="cancel('orcamento')" /> <input type="reset"
								id="orcamento-reset" class="cancel" title="Reset" value="Reset"
								style="visibility: hidden" />
							</td>
						</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>
	</div>
	
	<!-- ******************************************* Horas Orcamento ******************************************* -->
		<div class="g-unit" id="horasOrcamento-tab">
			<div class="message" id="horasOrcamento-show-message"
				style="display: none"></div>
			<!-- search container -->
			<div class="gsc-search-box" id="horasOrcamento-search-ctr">
				<!-- section title -->
				<h2>Horas Por Orçamento</h2>
				<form name="horasOrcamento-search-form" id="horasOrcamento-search-form">
					<label>Nome</label> <input type="text" name="q" id="q"
						class="gsc-input" /> <input type="button" value="Buscar"
						onclick="search('horasOrcamento')" class="gsc-search-button" /> <input
						type="button" value="Adicionar" onclick="add('horasOrcamento')"
						class="gsc-search-button" /> <input type="reset"
						id="horasOrcamento-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="horasOrcamento-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Orçamento</th>
							<th scope="col">Funcionario</th>
							<th scope="col">Quantidade</th>
							<th scope="col">Valor</th>
							<th scope="col">Ações</th>
						</tr>
					</thead>
					<tbody id="horasOrcamento-list-tbody"></tbody>
				</table>
			</div>
			<div class="create-ctr" id="horasOrcamento-create-ctr">
				<h2>Nova Entrada de Horas</h2>
				<form name="horasOrcamento-create-form" id="horasOrcamento-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td>Orçamento</td>
								<td><select id="orcamentos-list"
								name="orcamento"></select>
								</td>
							</tr>
							<tr>
								<td>Funcionario</td>
								<td><select id="funcionarios-list"
								name="funcionario"></select>
								</td>
							</tr>
							<tr>
								<td>Quantidade</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="valor" id="valor" />
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td><input type="button" class="save" title="Save"
									value="Salvar" onclick="formValidate('horasOrcamento')" /> <input
									type="button" class="cancel" title="Cancel" value="Cancelar"
									onclick="cancel('horasOrcamento')" /> <input type="reset"
									id="horasOrcamento-reset" class="cancel" title="Reset" value="Reset"
									style="visibility: hidden" /></td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>
	
	<!-- ******************************************* Material Orcamento ******************************************* -->
		<div class="g-unit" id="materialOrcamento-tab">
			<div class="message" id="materialOrcamento-show-message"
				style="display: none"></div>
			<!-- search container -->
			<div class="gsc-search-box" id="materialOrcamento-search-ctr">
				<!-- section title -->
				<h2>Materiais Por Orçamento</h2>
				<form name="materialOrcamento-search-form" id="materialOrcamento-search-form">
					<label>Orçamento</label> <input type="text" name="q" id="q"
						class="gsc-input" /> <input type="button" value="Buscar"
						onclick="search('materialOrcamento')" class="gsc-search-button" /> <input
						type="button" value="Adicionar" onclick="add('materialOrcamento')"
						class="gsc-search-button" /> <input type="reset"
						id="materialOrcamento-search-reset" class="cancel" title="Reset"
						value="Reset" style="visibility: hidden" />
				</form>
			</div>
			<!-- list container -->
			<div class="results" style="border: 0;" id="materialOrcamento-list-ctr">
				<table width="100%" cellspacing="0" cellpadding="2" border="0"
					style="border-collapse: collapse;">
					<thead>
						<tr>
							<th scope="col">Orçamento</th>
							<th scope="col">Material</th>
							<th scope="col">Quantidade</th>
							<th scope="col">Valor</th>
							<th scope="col">Ações</th>
						</tr>
					</thead>
					<tbody id="materialOrcamento-list-tbody"></tbody>
				</table>
			</div>
			<div class="create-ctr" id="materialOrcamento-create-ctr">
				<h2>Nova Entrada de Materiais</h2>
				<form name="materialOrcamento-create-form" id="materialOrcamento-create-form">
					<table width="200" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td>Orçamento</td>
								<td><select id="orcamentos-list"
								name="orcamento"></select>
								</td>
							</tr>
							<tr>
								<td>Material</td>
								<td><select id="materiais-list"
								name="material"></select>
								</td>
							</tr>
							<tr>
								<td>Quantidade</td>
								<td><input type="text" style="width: 185px;"
									autocomplete="off" class="gsc-input" maxlength="2048"
									name="valor" id="valor" />
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td><input type="button" class="save" title="Save"
									value="Salvar" onclick="formValidate('materialOrcamento')" /> <input
									type="button" class="cancel" title="Cancel" value="Cancelar"
									onclick="cancel('materialOrcamento')" /> <input type="reset"
									id="materialOrcamento-reset" class="cancel" title="Reset" value="Reset"
									style="visibility: hidden" /></td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>

	<script type="text/javascript">
		$(window).load(function() {
			init();
		});
	</script>
</body>
</html>
